<template>
	<div id="dd02">
	<div class="dingdan">
			<div class="title-color">
				<a href="#/dingdan01">
				<div class="left">
					<img src="../../assets/img/gerenzhongxin/gongzhonghao/left-arrow.png" />
				</div>
				</a>
				<div class="qbdingdan">
					<p>选择咨询的订单</p>
				</div>
				<div class="bianji">
					<a href="#/dingdan03"><p>跳过</p></a>
				</div>
			</div>
		</div>
		<!--国家直邮-->
		<div class="zhiyou">
			<img src="../../assets/img/gerenzhongxin/gongzhonghao/xingxing.png" alt="" />
			<p>国家直邮</p>
		</div>
		<div class="make-up">
			<div class="bianhao">
				<p>订单编号：1485269676465</p>
				<a href="#">交易完成</a>
			</div>
			<div v-for="aa in 4" class="hufu">
				<img src="../../assets/img/gerenzhongxin/gongzhonghao/dabao.png"/>
			</div>
			<div class="but">
				<a href="#/dingdan06"><button id="fb">发表心得</button></a>
				<button id="tk">退货退款</button>
			</div>
			<div class="bonbg"></div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	html{
		background: #f2f2f2;
	}
	#app {
		overflow: hidden;
	}
	#dd02{
		width: 100%;
		height: 100%;
		background: #f2f2f2;
	}
	.dingdan {
		width: 100%;
		height: 9.6rem;
		background: #e53e42;
	}
	.title-color {
		width: 95%;
		display: flex;
		margin-left: 2rem;
		justify-content: space-between;
	}
	.left {
		margin-top: 3rem;
	}
	.left img {
		width: 2.3rem;
		height: 3.8rem;
	}
	.qbdingdan {
		margin-top: 3rem;
	}
	.qbdingdan p {
		height: 3.5rem;
		font-size: 3.6rem;
		color: white;
	}
		.bianji {
		margin-top: 3.2rem;
	}
	.bianji p {
		width: 6.1rem;
		font-size: 3rem;
		color: white;
	}
	.zhiyou{
		width: 100%;
		height: 6rem;
		display: inline;
		padding: 1rem;
	}
	.zhiyou img{
		float: left;
		width: 4rem;
		height: 4rem;
		padding: 1rem 2rem;
	}
	.zhiyou p{
		text-align: left;
		font-size: 2.8rem;
	}
	/**/
	.make-up{
		margin-top: 2rem;
		width: 100%;
		height: 34.8rem;
		border-bottom:0.1rem solid darkgray ;
		background: white;
	}
	.bianhao{
		width: 100%;
		height: 6rem;
		border-bottom: 0.1rem solid darkgray;
		
	}
	.bianhao p{
		width: 36.5rem;
		font-size: 2.8rem;
		text-align: left;
		margin-left: 2rem;
		line-height: 6rem;
	}
	.bianhao a{
		float: right;
		font-size: 2.8rem;
		color: red;
		margin-top: -5rem;
		margin-right: 2rem;
	}
	.hufu{
		display: inline;
		width: 100%;
		height: 20rem;
	
	}
	.hufu img{
		width: 8.6rem;
		height: 10rem;
		padding:4rem;
		margin-top: 2rem;
	}
	.but{
		height: 8.8rem;
		width: 100%;
		border-top: 0.1rem solid darkgray;
		font-size: 2.8rem;
		line-height: 8.8rem;
	}
	#fb, #tk{
		background: #e53e42;
		width: 15rem;
		color: white;
		border-radius: 2rem;
		font-weight: 600;
		padding: 0.5rem;
		float: right;
		margin:1.5rem 1rem;
	}
	
</style>